body{
    background:#ffffff;
}
.comment-con{
    width:100%;
}
.comment-con .nav-group{
    width:100%;
    height:2.9rem;
    border-bottom:1px solid #dfdfdf;
}
.comment-con .nav-group a.btn{
    display:block;
    float:left;
    height:1.25rem;
    width:2.25rem;
    border:1px solid #ff0808;
    border-radius:5px;
    line-height:1.25rem;
    text-align: center;
    color:#000000;
    margin-left:0.75rem;
    margin-top:0.85rem;
}
.comment-con .nav-group a.btn:last-child{
    width:4.5rem;
}
@media screen and (max-width: 320px) {
    .comment-con .nav-group a.btn:last-child{
        width:5.5rem;
    }
}
.comment-con .nav-group a.btn span{
    color:#000000;
}
.comment-con .nav-group a.btn span.active{
    color: #ffffff;
}
.comment-con .nav-group a.btn.active{
    background:#ff0808;
    color:#ffffff;
}
.comment-con .tab-content{
    width:100%;
}
.comment-con .tab-content .tab-content-in{
    width:100%;
    display:none;
}
.comment-con .tab-content .tab-content-in:first-child{
    display:block;
}
.tab-content-in .list-ul{
    width:100%;
}
.tab-content-in .list-li{
    padding-top:1rem;
    width:100%;
    border-bottom:1px solid #e5e5e5;
    position:relative;
    overflow: hidden;
}
.tab-content-in .list-li .left-info{
    width:2.25rem;
    height:2.25rem;
    border-radius:50%;
    margin-left:0.75rem;
    float:left;
}
.tab-content-in .list-li .left-info img{
    width:100%;
    height:100%;
    border-radius:50%;
}
.tab-content-in .list-li .right-info{

    width: 80%;

    float:  left;

    margin-left:3%;
}
.tab-content-in .list-li .right-info .name{
    font-size:16px;
    color:#000000;
}
.tab-content-in .list-li .right-info .commodity-info{
    font-size:12px;
    color:#999999;
    margin-top:0.25rem;
}
.tab-content-in .list-li .right-info .commodity-info .time{

}
.tab-content-in .list-li .right-info .commodity-info .color{
    margin-left:0.25rem;
}
.tab-content-in .list-li .right-info .commodity-info .size{
    margin-left:0.5rem;
}
.tab-content-in .list-li .right-info .text-details{
    margin-top:0.25rem;
    color:#333333;
}
.tab-content-in .list-li .right-info .all-img{
    margin-top:0.5rem;
    display:flex;
}
.tab-content-in .list-li .right-info .all-img .same-box{
    width:4rem;
    height:4rem;
    margin-right:0.5rem;
}
.tab-content-in .list-li .right-info .all-img .same-box img{
    width:100%;
    height:100%;
}
.tab-content-in .list-li .right-info .bottom-info{
    height:2rem;
    line-height:2rem;
    font-size:12px;
    color:#999999;
    display:flex;
    margin-top:0.25rem;
}
.tab-content-in .list-li .right-info .bottom-info .href-icon{

    margin-right:  0.75rem;
}
.tab-content-in .list-li .right-info .bottom-info .liulan{
    width:65%;
}

.tab-content-in .list-li .right-info .bottom-info .cmt{
    /* margin-right:0.75rem; */
    color: #999999;
}
.tab-content-in .list-li .right-info .bottom-info .cmt .icon{
    background: url("../../business/images/comment-icon.png") no-repeat center center;
    background-size: 100% 100%;
    display:inline-block;
    width:0.8rem;
    height:0.8rem;
    margin-right:0.1rem;
    position:relative;
    top:0.2rem;
}
.tab-content-in .list-li .right-info .bottom-info .zan{

}
.tab-content-in .list-li .right-info .bottom-info .zan .icon{
    background: url("../../business/images/zan.png") no-repeat center center;
    background-size: 100% 100%;
    display:inline-block;
    width:0.8rem;
    height:0.8rem;
    margin-right:0.1rem;
    position:relative;
    top:0.2rem;
}
.tab-content-in .list-li .right-info .bottom-info .zan .icon.active{
    background: url("../../business/images/zan-active.png") no-repeat center center;
    background-size: 100% 100%;
}
